.fna-addApplication{
    width: 100%;
    height: 100%;
    position: fixed;

    header{
        width: 76%;
        margin: 20px auto;
        text-align: center; 
        font-size: 12px;
        color: #484A4D;
        letter-spacing: -0.08px;     
        line-height: 18px;   
    }

    .describe{
        font-size: 12px;
        color: #868686;
        letter-spacing: -0.08px;
        text-align: center;
        width: 100%;
        margin: 30px 0;
    }

    .moreApplication-text{
        font-size: 16px;
        color: #484A4D;
        letter-spacing: -0.11px;
        text-align: center;
        width: 100%;
        margin: 40px 0 20px;
    }

    .fna-drag{
        display: flex;
        flex-wrap: wrap;
        & > div{
            flex:0 1 20%;
            margin: 20px 2.5%;
            text-align: center;
            position: relative;
            .fna-flex-icon-item-icon{
                text-align: center;
                img{
                    width: 30px;
                    height: 30px;
                }
            }

            .fna-flex-icon-item-text{
                margin-top: 10px;
            }

            & > svg{
                position: absolute;
                top: -10px;
                right: 0px;
                width: 14px;
                height: 14px;
                color: #A8A8A8;
                cursor:pointer;
            }
        }

        

    }
    .fna-drag-more{
        & > div{
            & > svg{
                color: #508AFF;
            }
        }
    }
    
}

.fna-more{
    width: 100%;
    height: 100%;
    position: fixed;
    background: #F3F7FE;
    &-commonly-use{
        background: #fff;
        padding: 5px 0 10px;
        & > h4{
            text-align: center;
            font-size: 16px;
            color: #484A4D;
            margin: 0;
            padding: 10px 0;
        }

        .text-describe{
            overflow: hidden;
            padding: 5px 30px;
            & > div{
                float: left;
                width: 28%;
                border-top: 1px solid #EBEBEB;
                margin: 0 auto;
                position: relative;
                top: 15px;
            }

            & > h5{
                font-size: 12px;
                color: #868686;
                text-align: center;
                float: left;
                width: 44%;
                height: 30px;
                line-height: 30px;
                margin: 0;
                letter-spacing: -0.08px;
            }
        }

        .add-commonly-use{
            text-align: center;
            & > svg{
                cursor:pointer;
            }
            & > h5{
                text-align: center;
                color: #484A4D;
                margin: 7px 0;
            }
        }

        //收起 的小图标样式
        .fna-often-small{
            text-align: center;
            padding: 10px 0 0 0;
            span{
                margin-left: 7px;
                img{
                    width: 22px;
                    height: 22px;
                }
            }
        }

        
    }

    &-more-function{
        background: #fff;
        padding: 10px 0;
        margin: 10px 0;

        & > div:nth-child(1){
            text-align: center;
            padding: 10px 0;
            span{
                font-size: 16px;
                color: #484A4D;
                margin:  0 10px;
            }
            svg{
                position: absolute;
            }
        }

  
    }


}

.fna-sortable-drag{
    z-index: 999;
    svg{
        position: absolute;
        top: -10px;
        right: 0px;
        width: 14px;
        height: 14px;
        color: #A8A8A8;
        cursor:pointer;
    }
}